*{padding: 0;margin: 0;}
ul,ol{list-style: none;}
a:hover,a:link,a:active{text-decoration: none;}
a{color:#333333;}
button{border: none;outline: none;}
em,i{font-style: normal;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}
input[type="number"] {
   -moz-appearance: textfield;
   -webkit-appearance: none !important;
}

input,button{outline: none;}
body{
	background: rgba(249, 249, 249, 1);
	font-size: 0.903rem;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar  
{  
    width: 10px;  
    height: 10px;  
    background-color: #f4f4f4;  
    border-radius: 10px; 
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
    border-radius: 10px;  
    background-color: #f4f4f4;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    background-color: #d6d6d6;  
}
.frame-top-body a{
	width: 100%;height: 100%;
}
.frame-top-body .topbar-info-item:hover{
	background: black;
}
.frame-top-body{
	width: 100%;
	height: 50px;
	background: #34373e;
	box-sizing: border-box;
	/*border-bottom: 2px outset black;*/
	/*-webkit-box-shadow:5px 2px 6px #000;*/
	/*-moz-box-shadow:5px 2px 6px #000;*/
	/*box-shadow: 5px 2px 6px #000;*/
}
.border-right-black{
	border-right: 2px solid black;
}
.logo-body{
	width: 240px;
}

.logo-img{
	width: 90px;
	text-align: center;
}
.logo-img img{
	height: 40px;
	width: auto;
}

.top-right .logout-box i,.top-right .notice .hcl{
	font-size: 24px;
}
.top-right .notice .hcl .badge{
	font-size: 12px;
}
.badge-absolute{
	top:-1px;
	right: -10px;
}
.top-right .user{
	min-width: 120px;
}
.top-right .user img{
	height: 25px;
}

.top-right  .action-box{
	min-width: 100%;
	right: 0;
	top: 100%;
	z-index: 10000;
	display: none;
}
.top-right  .action-box .list-group-item{
	margin-bottom: 0px;
	background-color: black;
	border: none;
}
.top-right  .action-box a.list-group-item:hover,.top-right  .action-box a.list-group-item:hover .notice-title{
	color: #1d8fe1!important;
}
.top-right .action-box  .list-group-item{
	color:white;
}
.top-right  .action-box i{
	font-size: 16px;
}
.top-right  .action-box span{
	font-size: 14px;
}
.top-right  .action-box .list-group-item:first-child {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top:none;
}

.top-right .notice-box{
	/*width: 250px;*/
}

.top-right .action-box .bd-bottom{
	border-bottom: 1px solid hsla(0,0%,100%,0.2);
}
.top-right .notice-box .notice-list-item .notice-title{
	color: hsla(0,0%,100%,.85);
	max-width: 250px;
	min-width: 150px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px;
	margin: 1px;
}
.top-right .notice-box .notice-list-item .notice-time{
	color: hsla(0,0%,100%,.85);
	opacity: .65;
	padding-bottom: 2px;
	font-size: 12px;
	margin: 0;
}

.top-right .all-actions-list{
	top:50px;
	left:90px;
	z-index: 10000;
	/*width: 60%;*/
	min-width: 200px;
	/*height:calc(100vh - 54px);*/
	background: white;
	box-shadow: 4px 0 8px 0 rgba(0,0,0,.2);
	display: none;
}
.top-right .all-actions-list .all-actions-title i.off{
	cursor: pointer;
}
.user-box .list-group-item:last-child{
	padding-bottom: 1.5rem;
}
/*左侧*/
.frame-left-body{
	width: 240px;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	background: rgb(233, 235, 239);
	border-right: 1px solid rgba(228, 228, 228, 1);
	position: relative;
}
.frame-left-body dd{
	margin-bottom: 0;
}

.frame-left-body .nav-one .nav-two a>span{
	display: inline-block;
	max-width: 85px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.frame-left-body .nav-one a[data-level="1"]>span{
	display: inline-flex;
	max-width: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nav-one{
	width: 90px;
	height: 100%;
	background: #282b32;
}
.nav-title{
	padding-left: 10px;
	font-size: 15px;
	font-weight: bolder;
	height: 50px;
	line-height: 50px;
	border: 1px solid rgba(228, 228, 228, 1);
	background-color: rgba(242, 242, 242, 1);
}
.nav-title>i{
	margin-right: 8px;
}

/*.nav-one ul{
	padding-top: 23px;
}*/
.nav-one ul li{
	/*width: 80px;*/
	/*height: 64px;*/
}
.nav-one ul li > a{
	width: 100%;
	/*height: 64px;*/
	display: flex;
	text-align: center;
	font-size: 21px;
	color: #d3d3d3;
	position: relative;
	/*padding-left: 10px;*/
	padding: 10px;
}
.nav-one ul li > a i{
	text-align: center;
	font-size: 16px;
	margin-right: 8px;
}
.nav-one ul li > a p{
	font-size: 12px;
}
.nav-one ul li > a span{
	font-size: 14px;
	/*margin-left: 10px;*/
	/*display: none;*/
}
.nav-one ul li.hover > a{
	/*background: #FFFFFF;*/
	/*color: #323232;*/
}
.nav-one ul li.hover > a:after{
	content: '';
	position: absolute;
	top: 39%;
	right:0;
	display:block;
	width:0;
	height:0;
	border-width:6px 10px 6px 0;
	border-style:solid;
	border-color:transparent #e9ebef  transparent transparent;/*透明 黄 透明 透明 */
}
.nav-two{
	float: left;
	font-size: 16px;
	width: 150px;
	position: absolute;
    top: 0;
    left: 90px;
    display: none;
}
.nav-one ul li.hover .nav-two{
	display: block;
}

.nav-two dl dd > a{
	width: 100%;
	height: 40px;
	line-height: 40px;
	display: block;
	color: #2a2a2a;
	position: relative;
	font-size: 14px;
	padding-left: 32px;
}

.nav-two dl dd.hover{
	background: #fff;
	/*border-bottom: 1px solid rgba(228, 228, 228, 1);*/
}
.nav-two dl dd a>em.icon{
	position: absolute;
	right: 10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
}

.nav-two dl dd a>em{
	top: 34%;
	border-width: 6px 8px 6px 0px;
	border-color: #342c2c00 #545557fa transparent transparent;
}
.nav-two dl dd.hover > a em{
	webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}
.nav-two dl dd .nav-three{
	display: none;
}

.nav-two dl dd .nav-three a{
	width: 100%;
	height: 40px;
	line-height: 40px;
	display: block;
	color: #2a2a2a;
	position: relative;
	font-size: 14px;
	padding-left: 42px;
}
.nav-two dl dd.hover .nav-three{
	display: block;
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

.nav-two dl dd.hover .nav-three>a.hover{
	color: red;
}

.top-right .all-actions-list .actions-columns{
	column-count: 4;
	column-gap: 1;
}
.top-right .all-actions-list .actions-columns .actions-columns-item{
	margin-bottom:5px;break-inside: avoid;box-sizing: border-box;
}
/*主体*/
.frame-right-body{

}
.hcl-breadcrumb{
	height: 50px;
	border: 1px solid rgba(228, 228, 228, 1);
	background-color: rgba(242, 242, 242, 1);
}

@media (max-width: 1200px) {
	.top-right .all-actions-list .actions-columns{
		column-count: 4;
	}
}

@media (max-width: 992px){
	.frame-left-body{
		display: none;
	}
	.top-right .all-actions-list{
		top:50px;
		left:0px;
		z-index: 10000;
		width: 100%;
		background: white;
		box-shadow: 4px 0 8px 0 rgba(0,0,0,.2);
		display: none;
	}
}

@media (max-width: 560px) {
	.top-left .logo-title,.top-right .notice{
		display: none;
	}
	.top-left.logo-body{
		width: 88px;
	}
	.top-right .all-actions-list .actions-columns{
		column-count: 2;
	}
}

@media (max-width: 320px) {
	.top-right .logout-box a{
		padding-left: 0.5rem!important;
		padding-right: 1rem!important;
	}
	.top-right .all-actions-list .actions-columns{
		column-count: 1;
	}
}

@media (min-width: 560px) {
	
}
.tab-content{
	border: 1px solid #dee2e6;
	/*margin-top: -1px;*/
	background: #ffffff;
	border-top: none;
}

.info-card .table-active{
	width: 90px;
	min-width: 90px;
	text-align: right;
}